﻿@model Tecnosop.WebUI.Models.EquipoYConsignacionesViewModel
@{
    ViewBag.Title = "Detalle equipo";
    ViewBag.ID_ITEM = Model.CODIGO_ITEM;
    Layout = "~/Views/Equipo/_LayoutEquipo.cshtml";
}
@section script {
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Consignaciones .t-grid-add").first().text("Agregar consignación").prepend("<span class='t-icon t-add'>"); 
        });
    </script>
}
<fieldset>
    <legend>Datos equipo</legend>

    <div>
        <div style="float: left; width: 400px;">
            <div class="display-label">@Html.LabelFor(model => model.CODIGO_ITEM)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.CODIGO_ITEM)
            </div>

            <div class="display-label">@Html.LabelFor(model => model.TIPO)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.TIPO)
            </div>

        @*    <div class="display-label">@Html.LabelFor(model => model.SUBTIPO)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.SUBTIPO)
            </div>*@

            @*<div class="display-label">@Html.LabelFor(model => model.UNIDAD)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.UNIDAD)
            </div>*@

            <div class="display-label">@Html.LabelFor(model => model.PRECIO)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.PRECIO)
            </div>

            <div class="display-label">@Html.LabelFor(model => model.MARCA)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.MARCA)
            </div>

            <div class="display-label">@Html.LabelFor(model => model.MODELO)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.MODELO)
            </div>

            <div class="display-label">@Html.LabelFor(model => model.OPERACION_COLOR)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.OPERACION_COLOR)
            </div>

            <div class="display-label">@Html.LabelFor(model => model.OPERACION_BN)</div>
            <div class="display-field">
                @Html.DisplayFor(model => model.OPERACION_BN)
            </div>
        </div>

        <fieldset class="innertube">
            <legend>Consignaciones</legend>
            <div style="height: 300px;">
                @(Html.Telerik().Grid(Model.Consignaciones)
                    .Name("Consignaciones")
                    .DataKeys(keys =>
                        {
                            keys.Add(k => k.NUMERO_SERIE).RouteKey("NUMERO_SERIE");
                            keys.Add(k => k.CODIGO_ITEM).RouteKey("CODIGO_ITEM");
                        })
                    .ToolBar(tb => tb.Insert()
                        .ButtonType(GridButtonType.ImageAndText)
                        .HtmlAttributes(new { @class = "nice radius thin green button" }))
                    .DataBinding(dataBinding => dataBinding.Server()
                        .Update(MVC.Equipo.ActionNames.GridEditConsignacion, MVC.Equipo.Name)
                        .Insert(MVC.Equipo.ActionNames.GridAddConsignacion, MVC.Equipo.Name, new { id = Model.CODIGO_ITEM })
                        .Delete(MVC.Equipo.ActionNames.GridDeleteConsignacion, MVC.Equipo.Name))
                    .Columns(colummns =>
                        {
                            colummns.Bound(c => c.NUMERO_SERIE_ORIGINAL).Hidden(true);
                            colummns.Bound(c => c.NUMERO_SERIE).Width(250);
                            colummns.Bound(c => c.CONSIGNACION_ORIGINAL).Hidden(true);
                            colummns.Bound(c => c.CONSIGNACION);
                            colummns.Command(cmd =>
                                {
                                    cmd.Edit()
                                        .ButtonType(GridButtonType.Image);
                                    cmd.Delete()
                                        .ButtonType(GridButtonType.Image);
                                }).Width(81);
                        })
                    .Editable(e => e.Mode(GridEditMode.InLine))
                    .Pageable(p => p.PageSize(7))
                    .Scrollable(s => s.Height(220))
                    .Sortable()
                    .PrefixUrlParameters(false)
                )
            </div>
        </fieldset>
    </div>

    <br />
    <hr />
    <p>
        @Html.ActionLink("Volver", MVC.Equipo.Index(), new { @class = "nice radius small blue button" })
        @*<button type="button" class="nice radius small blue button" onclick="history.back()">Volver</button>*@
        @Html.ActionLink("Editar", MVC.Equipo.Edit(Model.CODIGO_ITEM), new { @class = "nice radius small white button" })
    </p>
</fieldset>